::-webkit-scrollbar{ display: none; }
html,body,#view{ width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; font-size: 8px; overflow: hidden; }
.bg{ width: 100%; height: 100%; background: url("../img/bg0.webp");background-size: cover; filter: blur(8px); }
.bg+#view{ color: rgba(220,150, 0, 0.85); }
[v-cloak]{ display: none; }
.item-box{ position: absolute; top:50%; left: 50%; display: flex; width: 100%; }
.gz{ position: absolute; top:50%; left: 50%; transform: translate(-50%, 1.2rem); line-height: 1em; }
.item{ position: absolute; left: 0px; flex:1; text-align: right; height: 1rem; transform-origin: left center; width: 100%; }
.list{ line-height: 1rem; transform-origin: left center; }
.active{ color: rgba(100,255,0,0.8); }

.item-year{ position: fixed; transform: translate(-50%, -0%); }
.item-month{ position: fixed; width: 8rem; }
.item-day{ position: fixed; width: 15rem; }
.item-hour{ position: fixed; width: 20rem; }
.item-minute{ position: fixed; width: 25rem; }
.item-second{ position: fixed; width: 30rem; }
.item-tgdz{ position: fixed; width: 35rem; }

.item-year>*{ transform: translate(0%, -50%); }